{#
 This Source Code Form is subject to the terms of the Mozilla Public
 License, v. 2.0. If a copy of the MPL was not distributed with this
 file, You can obtain one at https://mozilla.org/MPL/2.0/.
#}

{% extends "mozorg/contact/contact-base.html" %}

{% block page_title %}Contacts, Spaces and Communities — Spaces{% endblock %}

{% block tab_navigation %}
  {% with current = 'spaces' %}
    {% include 'mozorg/contact/includes/tab-nav.html' %}
  {% endwith %}
{% endblock %}

{% block contact_main %}
  <div id="entry-container">
    <section class="entry" id="spaces" data-tab="spaces">
      <h2>Mozilla Spaces</h2>
      <p>
        Mozilla Spaces are our offices around the world. They are open environments
        where Mozillians can work side by side — hacking, coding, designing,
        researching and creating. They are places for us to meet, collaborate and
        continue to building a brighter future for the Web.
      </p>

      <div class="mzp-l-content locations-wrapper">
        <ul class="mzp-l-columns mzp-t-columns-two">
          <!-- San Francisco -->
          {% call picto(
            base_el='li',
            title='San Francisco',
            image=resp_img(
              url='img/contact/mozilla-san-francisco.png',
              optional_attributes={
                'class': 'mzp-c-picto-image',
                'loading': 'lazy',
                'width': '150'
              }
              ),
              body=True,
              ) %}
              <p itemprop="address" itemscope itemtype="http://schema.org/PostalAddress" class="adr">
              <span itemprop="streetAddress" class="street-address">149 New Montgomery Street<br>4th floor</span><br>
              <span itemprop="addressLocality" class="locality">San Francisco</span>, <abbr itemprop="addressRegion" class="region" title="California">CA</abbr> <span itemprop="postalCode" class="postal-code">94105</span><br>
              <span itemprop="addressCountry" class="country-name">USA</span>
            </p>
          {% endcall %}

          <!-- Beijing -->
          {% call picto(
            base_el='li',
            title='Beijing',
            image=resp_img(
              url='img/contact/mozilla-beijing.png',
              optional_attributes={
                'class': 'mzp-c-picto-image',
                'loading': 'lazy',
                'width': '150'
              }
              ),
              body=True,
              ) %}
              <p itemprop="address" itemscope itemtype="http://schema.org/PostalAddress" class="adr">
                <span class="org">Mozilla Online Ltd.</span><br>
                <span itemprop="streetAddress" class="street-address">China Resources Building, Suite 1708 <br>8 Jianguomenbei Avenue</span><br>
                <span itemprop="addressLocality" class="locality">Dongcheng District</span>, <span itemprop="addressRegion" class="region">Beijing</span> <span itemprop="postalCode" class="postal-code">100005</span><br>
                <span itemprop="addressCountry" class="country-name">China</span>
              </p>
          {% endcall %}

          </ul>

          <ul class="mzp-l-columns mzp-t-columns-two">
          <!-- Berlin -->
          {% call picto(
            base_el='li',
            title='Berlin',
            image=resp_img(
              url='img/contact/mozilla-berlin.png',
              optional_attributes={
                'class': 'mzp-c-picto-image',
                'loading': 'lazy',
                'width': '150'
              }
              ),
              body=True,
              ) %}
              <p itemprop="address" itemscope itemtype="http://schema.org/PostalAddress" class="adr">
                <span itemprop="streetAddress" class="street-address">GSG-Hof Schlesische Straße<br>Geb&auml;ude 3, 4. Obergeschoss<br>Schlesische Straße 27</span><br>
                <span itemprop="postalCode" class="postal-code">10997</span>
                <span itemprop="addressLocality" class="locality">Berlin</span><br>
                <span itemprop="addressCountry" class="country-name">Germany</span>
              </p>
          {% endcall %}

          <!-- Toronto -->
          {% call picto(
            base_el='li',
            title='Toronto',
            image=resp_img(
              url='img/contact/mozilla-toronto.png',
              optional_attributes={
                'class': 'mzp-c-picto-image',
                'loading': 'lazy',
                'width': '150'
              }
              ),
              body=True,
              ) %}
              <p itemprop="address" itemscope itemtype="http://schema.org/PostalAddress" class="adr">
                <span itemprop="streetAddress" class="street-address">366 Adelaide St W, Suite 500</span><br>
                <span itemprop="addressLocality" class="locality">Toronto</span>, <abbr itemprop="addressRegion" class="region" title="Ontario">ON</abbr> <span itemprop="postalCode" class="postal-code">M5V 1R9</span><br>
                <span itemprop="addressCountry" class="country-name">Canada</span>
              </p>
          {% endcall %}
        </ul>
      </div>

      <p><em>
      {% with link_sumo='https://support.mozilla.org/' %}
        These Mozilla Spaces are not support centers. Need help with Firefox? <a href="{{ link_sumo }}">Get it on our support site</a>
      {% endwith %}
      </em></p>
    </section>
  </div>

{% endblock %}

{% block meta_category %}
  <aside id="meta-spaces" class="meta-category">
  <ul class="meta-help">
    <li><a href="https://wiki.mozilla.org/People:MozSpaces_Guidelines">MozSpace Guidelines</a></li>
    <li>
    {% with link_question='mailto:mozspaces@mozilla.com' %}
      Have a question about MozSpaces? <a href="{{ link_question }}">Ask us here</a>
    {% endwith %}
    </li>
  </ul>
  </aside>
{% endblock %}
